<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>黑白A3多功能******复合机SML-1130</title>
		<link rel="stylesheet" href="index.css">
		<style>
			.apy{
				padding: 50px ;
			}
			.center2{
				width: 1100px;
				margin: 0 auto;
			}
			.center2>h2{
				text-align: center;
				color: #333333;
				font-weight: 500;
				margin-bottom: 15px;
			}
			.center2>hr{
				border: 1px solid rgba(0,0,0,.1);
			}
			.center2 .pro_jieshao{
				padding: 10px 0;
			}
			.center2 .pro_jieshao>img{
				margin: 15px auto;
				display: block;
			}
			.center2 .page{
				padding: 20px;
				margin: 10px 0;
				display: flex;
				justify-content: flex-end;
			}
			.center2 .page>span{
				display: block;
				width: 120px;
				height: 40px;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #103f8c;
				border: 1px solid #103f8c;
				user-select: none;
				font-size: 14px;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="dh">
			<div class="center1">
				<div class="logo">
					<img src="../img/logo.jpg" />
				</div>
				<div class="dht">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">产品中心</a></li>
						<li><a href="#">新闻中心</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--              展示图                  -->

		<div class="zst">
			<img src="../img/banner/banner002.jpg" alt="" />
		</div>
		<!--             安普印产品1                  -->
		<div class="apy">
			<div class="center2">
				<h2>黑白A3多功能******复合机SML-1130</h2>
				<hr>
				<div class="pro_jieshao">
					<img src="../img/product/apy/product_apy001.jpeg" alt="">
					<img src="../img/product/apy/SML_1130.jpeg" alt="">
				</div>
				<div class="page">
					<!-- <span>上一页</span> -->
					<span>下一页</span>
				</div>
			</div>
		</div>
		<!--             页脚部分                       -->
		<div class="footer">
			<!--             联系我们                       -->
			<div class="lxwm">
				<div class="center5">
					<div class="menu">
						<h2>COMPANY MENU</h2>
						<div>
							<div><a href="#">网站首页</a></div>
							<div><a href="#">关于我们</a></div>
							<div><a href="#">产品中心</a></div>
							<div><a href="#">新闻中心</a></div>
							<div><a href="#">联系我们</a></div>
						</div>
					</div>
					<div class="xinxi">
						<h2>CONTACT US</h2>
						<ul>
							<li>微信：sxgysmkj</li>
							<li>电话：13994258086</li>
							<li>座机：0351-7336578</li>
							<li>地址：太原市小店区南内环街324号</li>
						</ul>
					</div>
					<div>
						<img src="../img/weixin.jpg" />
					</div>
				</div>
			</div>
			<!--             底部信息                    -->
			<div class="wydb">
				<p>
					©2021 山西光银信息技术有限公司 备案号：晋ICP备13005719号 技术支持 -
					资海科技集团
				</p>
			</div>
		</div>
		<!--          置顶按钮             -->
		<div class="zhiding hide" id="gotop">
			<a href="#">
				<div></div>
			</a>
		</div>
		<script>
			///////////////  置顶按钮   ////////////////////////
			const gotop = document.getElementById('gotop')
			onscroll = function() {
				const y = document.body.scrollTop || document.documentElement.scrollTop
				if (y > 400) {
					gotop.classList.remove('hide')
				} else {
					gotop.classList.add('hide')
				}
			}
		</script>
	</body>
</html>
